/* pages/serviceDrawInfo/serviceDrawInfo.wxss */

page {
  background-color: #f6f6f6;
}

.container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top {
  width: 100%;
  height: 150rpx;
  line-height: 150rpx;
  box-sizing: border-box;
  background: #ffeef0;
  padding: 0 30rpx;
}

.top-icon {
  width: 50rpx;
  height: 50rpx;
  margin-right: 20rpx;
  transform: translateY(10rpx);
}

.top-txt {
  font-size: 28rpx;
  color: #666;
}

/*  */

.main {
  width: 690rpx;
  background-color: #fff;
  margin-top: 20rpx;
  border-radius: 8rpx;
}

.main-title {
  padding: 0 0 0 30rpx;
  line-height: 80rpx;
  box-sizing: border-box;
  font-size: 28rpx;
  color: #333;
}

.good {
  padding: 10rpx 30rpx 50rpx 30rpx;
  box-sizing: border-box;
  display: flex;
  border-bottom: 1px solid #eee;
}

.good-img {
  width: 160rpx;
  height: 160rpx;
  margin-right: 20rpx;
}

.good-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.good-right-name {
  width: 450rpx;
  color: #333;
  font-size: 28rpx;
}

.good-right-sku {
  color: #999;
  font-size: 24rpx;
}

.good-right-price {
  color: #ff3d3d;
  font-size: 24rpx;
  margin: 15rpx 0;
}

.main-info {
  color: #999;
  font-size: 24rpx;
  padding: 10rpx 30rpx;
  box-sizing: border-box;
}

.main-info>view {
  line-height: 50rpx;
}
.main-info-name{
  margin-right: 20rpx;
}
.btn {
  width: 690rpx;
  height: 90rpx;
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 148, 138, 1), rgba(255, 92, 109, 1));
  border-radius: 45px;
  line-height: 90rpx;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  bottom: 20rpx;
}
.reason-img{
  width: 120rpx;
  height: 120rpx;
}
.reason-img-box{
  display: inline-block;
  margin-right: 20rpx;
}
.info-list{
  display: flex;
  align-items: flex-start;
}
.info-title{
  width: 124rpx;
  white-space: nowrap;
}
.info-detail{
  margin-right: 20rpx;
}